﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>

        <script>
            function $id(ele) {
                return document.getElementById(ele);
            }

            function replaceStr(sentence, sourceString, targetString) {
                var index = sentence.indexOf(sourceString);
                if (index < 0) return sentence;

                if (index == sentence.length - 1) sentence = sentence.substring(0, index) + targetString;
                else {
                    sentence = sentence.substring(0, index) + targetString + sentence.substring(index + sourceString.length, sentence.length);
                }


                if (sentence.indexOf(sourceString) > -1) {
                    sentence = replaceStr(sentence, sourceString, targetString);
                }
                return sentence;
            }

            function test() {
                alert("dongxinqiang 替换结果为=>" + replaceStr("dongxinqiang", $id("ipt1").value, $id("ipt2").value));
            }
        </script>
    </head>
    <body >
       
        "<div id="mainCanvas_innerDiv" style="border: currentColor; height: 1998px; left: 0px; margin: 0px; padding: 0px; position: absolute; top: 0px; width: 1998px;">
             
             <divwf class="draggable block actname " id="divwfact_0" style='background: url("../Images/start.png"); height: 72px; left: 10px; position: absolute; top: 10px; width: 72px; z-index: 2;'></divwf>
             <divwf class="draggable block actname " id="divwfact_1" style='background: url("../Images/act.png"); height: 70px; left: 296px; position: absolute; top: 56px; width: 100px; z-index: 2;'>新活动2</divwf>

             <divwf class="draggable block actname " id="divwfact_2" style='background: url("../Images/end.png"); height: 72px; left: 539px; position: absolute; top: 146px; width: 72px; z-index: 2;'></divwf>

         </div><div class="connector divwfact_0 divwfact_1" id="wfpat_wfact_0wfact_1_1" style="display: block; height: 3px; left: 82px; overflow: hidden; position: absolute; top: 46px; width: 110px;"></div><div class="connector divwfact_0 divwfact_1" id="wfpat_wfact_0wfact_1_2" style="display: block; height: 48px; left: 189px; overflow: hidden; position: absolute; top: 46px; width: 3px;"></div><div class="connector divwfact_0 divwfact_1" id="wfpat_wfact_0wfact_1_3" style="display: block; height: 3px; left: 189px; overflow: hidden; position: absolute; top: 91px; width: 107px;"></div><img class="connector-end" style="left: 283px; position: absolute; top: 86px; z-index: 2;" src="http://localhost:2420/Desinger/Images/arrow_r.gif" wfpath="wfpat_wfact_0wfact_1"><div class="connector divwfact_1 divwfact_2" id="wfpat_wfact_1wfact_2_1" style="display: block; height: 3px; left: 396px; overflow: hidden; position: absolute; top: 91px; width: 74px;"></div><div class="connector divwfact_1 divwfact_2" id="wfpat_wfact_1wfact_2_2" style="display: block; height: 94px; left: 467px; overflow: hidden; position: absolute; top: 91px; width: 3px;"></div><div class="connector divwfact_1 divwfact_2" id="wfpat_wfact_1wfact_2_3" style="display: block; height: 3px; left: 467px; overflow: hidden; position: absolute; top: 182px; width: 71px;"></div><img class="connector-end" style="left: 525px; position: absolute; top: 177px; z-index: 2;" src="http://localhost:2420/Desinger/Images/arrow_r.gif" wfpath="wfpat_wfact_1wfact_2">"

    </body>
</html>